<template>
	<div class="worddaterecordinfo">
		<Row class="expand-row">
			<Col span="5">
				<p class="expand-key">日期</p>
			</Col>
			<Col span="5">
				<p class="expand-key">进入时间</p>
			</Col>
			<Col span="5">
				<p class="expand-key">离开时间</p>
			</Col>
			<Col span="5">
				<p class="expand-key">抓拍图像</p>
			</Col>
			<Col span="4">
				<p class="expand-key">导出</p>
			</Col>
		</Row>
		<Row class="expand-row data-row">
			<Col span="5">
				<span class="expand-value">{{ row.date }}</span>
			</Col>
			<Col span="5">
				<span class="expand-value">{{ row.intime }}</span>
			</Col>
			<Col span="5">
				<span class="expand-value">{{ row.outtime }}</span>
			</Col>
			<Col span="5">
				<img :src="row.url" class="catchphoto">
			</Col>
			<Col span="4">
				<Icon type="ios-download-outline" size="24"/>
			</Col>
		</Row>
	</div>
</template>

<script>
	export default {
		name: "worddaterecordinfo",
		data() {
			return {
				img:''
			}
		},
		mounted() {
		},
		computed: {},
		watch: {
		},
		components: {},
		methods: {},
		props: {
			row: Object
		}
	}
</script>

<style scoped lang="less">
	.expand-row{
		width: 100vw;
		height: 4vh;
		p{
			color: #4795f5;
		}
		span{
			color: white;
		}
	}
	.catchphoto{
		width: 3vw;
		border-radius: 2px;
	}
	.data-row{
		margin-top: .5rem;
		display: flex;
		align-items: center;
	}
</style>